<!--<link href='http://fonts.googleapis.com/css?family=Molengo&subset=latin' rel='stylesheet' type='text/css'>-->
<style type="text/css">
    body {
        min-width: 357px;
        overflow-x: hidden;
        font-family: 'Molengo', arial, serif;
    }

    .block {
        border: gray 1px solid;
        border-radius: 5px;
        padding: 10px;
        margin: 10px;
    }
</style>



<body>
<table id="menu">
    <tr>
        <td><h4><a id="show" style="display:none;" href="javascript:;">Show</a></h4></td>
        <td><h4><a id="add" href="javascript:void(0)">Add</a></h4></td>
        <td><h4><a id="copy" style="display:none;" href="javascript:void(0)">Copy first</a></h4></td>
    </tr>
</table>

<div id="loading">Loading...</div>

<div id="addForm" style="display:none;">
    <table>
        <tr>
            <td colspan="2">
                <input type="text" id="title">
                <!--<input type="text" id="id" style="display: none">-->
                <!--<input type="text" id="editURL" style="display: none">-->

            </td>
        </tr>
        <tr>
            <td colspan="2"><textarea rows="5" cols="25" id="text"></textarea></td>
        </tr>
        <tr>
            <td><h4><a id="save" href="javascript:void(0)">Save</a></h4></td>
            <td><h4><a id="cancel" href="javascript:this.close();">Cancel</a></h4></td>
        </tr>
    </table>
</div>

<div id="notes"></div>

<script type="text/javascript" src="Row.js"></script>
<script type="text/javascript" src="Spreadsheets.js"></script>
<script type="text/javascript" src="Popup.js"></script>
</body>